/* top_o.html */
body {
    background-color: #febeec;
}

#pageArea {
    background-color: #febeec;
    height: auto;
	
}

.button {
    color: #FFFFFF;
    font-size: 1.1em;
    width: 100%;
    height: 40px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    padding: 5px;
    background: -moz-linear-gradient(center top, #ed3bb5 0%,#c9309b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ed3bb5),color-stop(1, #c9309b));
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ed3bb5',endColorstr='#c9309b');

}
/*header2.html*/
#headerArea{
	margin-left:2%;
margin-right:2%;
padding-top:2%;
}
ul.headNavi {
	margin:0;
	padding:0;
    list-style-type: none;
}
.headerIcon{
	height:16px;
	width:16px;
}

.floatClear{
	clear:both;
}

li{
	font-size: 10px;
    float: left;
    width: 20%;
    height: 40px;
    color: #ffffff;
    padding: 2px 0px 2px 0px;
    margin: -1px;
    border: 1px #000000 solid;
    text-align: center;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;

 
}
.navInactive {
  background: -moz-linear-gradient(center bottom, #000000 20%,#7a7a7a 80%);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0.2, #000000),color-stop(0.8, #7a7a7a));
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#000000',endColorstr='#7a7a7a');
}

.navActive {
	/*
	font-size:10px;
    float: left;
    width: 20%;
	height:40px;
    color: #ffffff;
	padding:2px 0px 2px 0px;
    margin: -1px;
    border: 1px #000000 solid;
    text-align: center;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    */
	background: -moz-linear-gradient(center top, #009ccc 20%,#0074cc 80%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.2, #009ccc),color-stop(0.8, #0074cc));
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#009ccc',endColorstr='#0074cc');
}


/*contentsArea*/
#contentsArea{
margin-left:2%;
margin-right:2%;
padding-top:2%;
	
}

/*voicePage*/
textarea{
	font-size:1.2em;
	height:80px;
	width:98%;
}

#picWordButton{
	height:40px;

	
}
#resetButton{
		width:110px;
		vertical-align:top;
}
.picWord{
	margin:5px;
	padding:7px;
}
#picWords{
	line-height:40px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.closeButton{
	font-size:1.0em;
	height:35px;
		width:80px;
		vertical-align:top;
}
.explain{
	width:100%;
	text-align:left;
    border: 3px #c9309b solid;
	background-color:#ffd9f4;
}
a.showHome:link{
    color: #FFFFFF;
}
a.showHome:hover{
	background-color:#FFFFFF;
}

/*searchPage*/

/**/
#page {
    width: 100%;
    background-color: #febeec;
}

#page.style {
    min-height: 600px;
}

/*common*/
a:link {
    color: #000000;
}

a:visited {
    color: #000000;
}
a.link:hover{
	background-color:#ffffff;
}
a.link:active{
	background-color:#ffffff;
}

.counter {
    font-size: 20px;
    font-weight: bold;
    color: #000;
}

.warning {
    color: #600;
}

.exceeded {
    color: #e00;
}

.greeting {
    position: absolute;
    left: 0;
    top: 0;
}

/*voicePage*/
/*categoryPage*/
.lCategory {
    padding: 10px 0px 10px 0px;
    margin: 2px 0px 2px 0px;
    width: 100% color: #ffffff;
    -moz-border-radius:
    5px;
    -webkit-border-radius:
    5px;
    background: -moz-linear-gradient(center top, #c700c0 50%,#94008f 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #c700c0),color-stop(0.5, #94008f));
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#c700c0',endColorstr='#94008f');
}

#lCategory1{
	background: -moz-linear-gradient(center top, #6320c7 40%,#874bff 80%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.4, #6320c7),color-stop(0.8, #874bff));
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#6320c7',endColorstr='#874bff');

}
#lCategory2{
	background: -moz-linear-gradient(center top, #3926c7 40%,#5a4cc7 80%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.4, #3926c7),color-stop(0.8, #5a4cc7));
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3926c7',endColorstr='#5a4cc7');

}
#lCategory3{
	background: -moz-linear-gradient(center top, #2956c7 40%,#5475c7 80%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.4, #2956c7),color-stop(0.8, #5475c7));
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2956c7',endColorstr='#5475c7');

}
#lCategory4{
	background: -moz-linear-gradient(center top, #19c5fa 40%,#45c0e6 80%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.4, #19c5fa),color-stop(0.8, #45c0e6));
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#19c5fa',endColorstr='#45c0e6');

}
#lCategory5{
	background: -moz-linear-gradient(center top, #2ddf80 40%,#6be4a2 80%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.4, #2ddf80),color-stop(0.8, #6be4a2));
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2ddf80',endColorstr='#6be4a2');

}
#lCategory6{
	background: -moz-linear-gradient(center top, #58de39 40%,#95de83 80%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.4, #58de39),color-stop(0.8, #95de83));
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#58de39',endColorstr='#95de83');

}
#lCategory7{
	background: -moz-linear-gradient(center top, #e9f544 40%,#ebf578 80%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.4, #e9f544),color-stop(0.8, #ebf578));
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e9f544',endColorstr='#ebf578');
}
#lCategory8{
	background: -moz-linear-gradient(center top, #ffcd05 40%,#fff047 80%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.4, #ffcd05),color-stop(0.8, #fff047));
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffcd05',endColorstr='#fff047');

}
#lCategory9{
	background: -moz-linear-gradient(center top, #f53120 40%,#ff644f 80%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.4, #f53120),color-stop(0.8, #ff644f));
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f53120',endColorstr='#ff644f');

}
#lCategory10{
	background: -moz-linear-gradient(center top, #f718dd 40%,#f544e3 80%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.4, #f718dd),color-stop(0.8, #f544e3));
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f718dd',endColorstr='#f544e3');

}



.mCategory{
	padding:10px 0px 10px 0px;
	margin:2px 0px 2px 0px;
	width:100%

	color:#000000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: -moz-linear-gradient(center bottom, #cc86ca 50%,#e094e0 50%);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, #cc86ca),color-stop(0.5, #e094e0));
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#cc86ca',endColorstr='#e094e0');
}
.mCategory1{
	background-color:#b192dd;
	padding:10px 0px 10px 0px;
	margin:2px 0px 2px 0px;

}
.mCategory2{
	background-color:#aaa1f5;
	padding:10px 0px 10px 0px;
	margin:2px 0px 2px 0px;

}
.mCategory3{
	background-color:#8da5e3;
	padding:10px 0px 10px 0px;
	margin:2px 0px 2px 0px;

}
.mCategory4{
	background-color:#a8e7fa;
	padding:10px 0px 10px 0px;
	margin:2px 0px 2px 0px;

}
.mCategory5{
	background-color:#a9f2cb;
	padding:10px 0px 10px 0px;
	margin:2px 0px 2px 0px;

}
.mCategory6{
	background-color:#baf2b1;
	padding:10px 0px 10px 0px;
	margin:2px 0px 2px 0px;

}
.mCategory7{
	background-color:#f6fabe;
	padding:10px 0px 10px 0px;
	margin:2px 0px 2px 0px;

}
.mCategory8{

	background-color:#fae8a5;
	padding:10px 0px 10px 0px;
	margin:2px 0px 2px 0px;

}
.mCategory9{
	background-color:#f5988b;
	padding:10px 0px 10px 0px;
	margin:2px 0px 2px 0px;

}
.mCategory10{
	background-color:#fa96ee;
	padding:10px 0px 10px 0px;
	margin:2px 0px 2px 0px;

}

.item{
	text-align:left;
	padding:10px 0px 10px 0px;
	margin:2px 0px 2px 0px;
	width:100%
	color:#000000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: -moz-linear-gradient(center top, #f8f8f8 50%,#f0f0f0 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #f8f8f8),color-stop(0.5, #f0f0f0));
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f8f8f8',endColorstr='#f0f0f0');

}
.moreItem{
	width:100%

	color:#000000;
	padding:10px 0px 10px 0px;
	margin:2px 0px 2px 0px;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: -moz-linear-gradient(center bottom, #c7b330 50%,#ffe354 50%);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, #c7b330),color-stop(0.5, #ffe354));
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#c7b330',endColorstr='#ffe354');

}

.favoriteTrue{
	background-color:#fc5ace;
	margin:5px;
	padding:10px 5px;
	width:30px;
	text-align:center;

}
.favoriteFalse{
	background-color:#333333;
	margin:5px;
	padding:10px 5px;
	width:30px;
		text-align:center;
}
.area{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color:#febeec;


}
.title{
	text-align:center;
	padding:10px 0px 10px 0px;
	margin:2px 0px 2px 0px;

}

/*
.headerNavi{
	color: #000000;
	border: 2px solid #fc10b9;
	padding: 5px;
	background-color:#fc5ace;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	background: -moz-linear-gradient(center bottom, #ff00ff 0%,#d607d6 100%);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ff00ff),color-stop(1, #d607d6));
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff00ff',endColorstr='#d607d6');	

}
#voiceNavi{
	position: absolute;	top:5px; left:0px;
	width:60px;
}
#categoryNavi{
	position: absolute;	top:5px; left:60px;

	width:60px;
}
#favoriteNavi{
	position: absolute;	top:5px; left:120px;	
	width:60px;
}
#rankingNavi{
	position: absolute; top:5px; left:180px;
	width:60px;
}
#diagnosisNavi{
	position: absolute; top:5px; left:240px;
	width:60px;
}
*/
/* Search Page*/
#categoryTitle{
	background: -moz-linear-gradient(center top, #f718dd 40%,#f544e3 80%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.4, #f718dd),color-stop(0.8, #f544e3));
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f718dd',endColorstr='#f544e3');

}
/* Favorite Page*/
#favoriteTitle{
	background: -moz-linear-gradient(center top, #ffcd05 40%,#fff047 80%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.4, #ffcd05),color-stop(0.8, #fff047));
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffcd05',endColorstr='#fff047');

}

/* Ranking Page*/
#recentUseTitle{
	background: -moz-linear-gradient(center top, #6320c7 40%,#874bff 80%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.4, #6320c7),color-stop(0.8, #874bff));
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#6320c7',endColorstr='#874bff');
	
}
#mostUseTitle{
	background: -moz-linear-gradient(center top, #3926c7 40%,#5a4cc7 80%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.4, #3926c7),color-stop(0.8, #5a4cc7));
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3926c7',endColorstr='#5a4cc7');
	
}
#recommendWordTitle{
	background: -moz-linear-gradient(center top, #2956c7 40%,#5475c7 80%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.4, #2956c7),color-stop(0.8, #5475c7));
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2956c7)',endColorstr='#5475c7');

}


/* Diagnosis Page*/
#diagnosisTitle{
	background: -moz-linear-gradient(center top, #2ddf80 40%,#6be4a2 80%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.4, #2ddf80),color-stop(0.8, #6be4a2));
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2ddf80)',endColorstr='#6be4a2');

}
#personalRecommendTitle{
	background: -moz-linear-gradient(center top, #58de39 40%,#95de83 80%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.4, #58de39),color-stop(0.8, #95de83));
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#58de39)',endColorstr='#95de83');

}


#recommendWordText{
	background-color:#ffffff;
	text-align:center;
}


.categoryNavi{
	height:30px;
	width:30px;
	margin-left:-5px;
	color:#ffffff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color:#d8afef;
	padding:2px;
	border: 3px solid #982cd4;
/*	background: -moz-linear-gradient(center bottom, #ff00ff 0%,#d607d6 100%);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ff00ff),color-stop(1, #d607d6));
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff00ff',endColorstr='#d607d6');	
*/
}
/* diagnosisPage*/
#diagnosisText{
	background-color:#EEFFEE;
	padding:2px;
}
#levelText{
	font-size:1.8;
	background-color:#EEFFEE;
	text-align:center;
	color:#FF3366
}
#reccomendText{
	border: 2px solid #fc10b9;
	padding: 5px;
	background-color:#fc5ace;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
}
#dMessageArea{
	border: 2px solid #fc10b9;
	padding: 5px;
	background-color:#fc5ace;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#privacyArea{
	poistion:absolute;top:300px;
}

.lCategoryName{
	text-align:left;
	float:left;
}
.toTop{
	text-align:right;
	}

.itemName{
	text-align:left;
	float:left;
}
.favoriteArea{
	text-align:right;
	color:#ffffff;
	}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}



